<!--
 * @Description: 
 * @Autor: luojie
 * @Date: 2021-07-17 15:53:37
 * @LastEditors: luojie
 * @LastEditTime: 2021-07-18 23:45:45
-->
<template>
  <view class="mh-ql-success">
    <view class="mh-ql-succ">
      <view class="mh-ql-succ-icon"></view>
      <view class="mh-ql-succ-ct">
        <view class="mh-ql-succ-txt">提交成功</view>
        <view class="mh-ql-succ-txt">感谢您的配合</view>
      </view>
    </view>
    <view class="mh-ql-succ-btn" @click="goBack()">关 闭</view>
  </view>
</template>

<script>
export default {
  methods: {
    goBack() {
      uni.switchTab({
        url: `../my/my`,
      });
    },
  },
};
</script>

<style scoped lang="scss">
.mh-ql-success {
  min-height: 100vh;
  background-color: #f2f2f2;
  box-sizing: border-box;
  .mh-ql-succ {
    padding-top: 104rpx;
    background-color: #fff;
  }
  .mh-ql-succ-icon {
    background-repeat: no-repeat;
    background-image: url(https://szgd-dev.tgovcloud.com/public/images/mentalHealth/suc.png);
    background-position: center center;
    background-size: 176rpx auto;
    height: 338rpx;
  }
  .mh-ql-succ-ct {
    padding-bottom: 80rpx;
    .mh-ql-succ-txt {
      font-size: 40rpx;
      font-family: PingFang SC;
      line-height: 60rpx;
      color: #333333;
      text-align: center;
    }
  }
  .mh-ql-succ-btn {
    margin: 0 auto;
    width: 328rpx;
    height: 94rpx;
    background: #2c9af1;
    border: 1rpx solid #2c9af1;
    border-radius: 16rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-top: 50rpx;
  }
}
</style>
